@import './var.css';
@import 'element-plus/theme-chalk/dark/css-vars.css';
@import './theme.less';
@import './auto-grid.less';

// 解决抽屉弹出时，body宽度变化的问题
.el-popup-parent--hidden {
  width: 100% !important;
}

// 弹框居中
.el-overlay .el-overlay-dialog {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.el-overlay .el-overlay-dialog .el-dialog {
  margin: auto;
}

.el-notification .el-notification__group {
  width: 100%;
  max-height: 40vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .el-notification__title {
    flex: 0 0 25px;
  }
  .el-notification__content {
    flex: 1;
    overflow: auto;
  }
}
.my-notification.el-notification {
  width: 500px;
}

.rev-form .el-slider__runway.show-input {
  margin-right: 10px;
}

.el-link + .el-link {
  margin-left: 5px;
}

.el-autocomplete {
  width: 100%;
}

.el-autocomplete__popper {
  .el-autocomplete-suggestion {
    min-width: 150px !important;
  }
}

.vxe-table {
  .el-date-editor.el-input,
  .el-date-editor.el-input__wrapper {
    z-index: 9;
  }
  .preview-icon {
    // position: absolute;
    // right: 2px;
    // top: 2px;
    color: var(--el-color-primary);
    cursor: pointer;
  }
}

.el-dialog {
  .el-dialog__body {
    padding: var(--el-dialog-padding-primary);
  }
  .el-scrollbar__view {
    height: 100%;
  }
  .el-dialog__headerbtn {
    width: 35px;
    height: 35px;
  }
}
.rev-dialog {
  .el-dialog {
    .el-dialog__body {
      padding: 0;
      .el-scrollbar {
        padding: var(--el-dialog-padding-primary);
      }
      .el-select-dropdown > .el-scrollbar {
        padding: 0;
      }
    }
  }
}

.ck.ck-editor__editable {
  ul {
    padding: inherit;
    padding-inline-start: 40px;
  }
}
.ck.ck-editor__editable:not(.ck-column-resize_disabled) {
  border: 1px solid #dcdfe6;
}

// 让不是layout布局的根节点全屏
#app > *:not(section.v-layout) {
  height: 100% !important;
}
